<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
<meta name="author" content="SmartBox">
<!-- TITLE -->
<title>尚捷供应链金融</title>
<!-- Css样式 -->
<link rel="stylesheet" href="assets/plugins/morris/morris.css">
<link rel="stylesheet" href="assets/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="assets/css/core.css" type="text/css" />
<link rel="stylesheet" href="assets/css/components.css" type="text/css" />
<link rel="stylesheet" href="assets/css/icons.css" type="text/css" />
<link rel="stylesheet" href="assets/css/pages.css" type="text/css" />
<link rel="stylesheet" href="assets/plugins/bs-datepicker/datepicker.css" type="text/css" />
<link rel="stylesheet" href="assets/css/responsive.css" type="text/css" />
<link rel="stylesheet" href="assets/css/font-awesome.css" type="text/css" />
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- js包 -->
<script src="assets/js/modernizr.min.js"></script>
</head>

<body class="fixed-left close-it">
<div id="wrapper">
	<!-- 顶部便签 Start--> 
	<div class="topbar">
		<div class="topbar-left">
			<a href="javascript:void(0)" class="logo d-logo hidden-xs hidden-sm">
			</a> 
			<a href="javascript:void(0)" class="logo d-logo hidden visible-xs visible-sm">
				<img src="assets/images/LOGO0.png" alt="SmartBox" class="img-responsive hidden-xs" height="0">
			</a>
		</div>
		<div class="navbar navbar-default" role="navigation">
			<div class="container"  style="background:#ADADAD;">
				<div class="top-fix-navbar">
					<div class="pull-left">
						<button class="button-menu-mobile open-left waves-effect waves-light"> <i class="fa fa-outdent"></i> </button>
						<span class="clearfix"></span> 
					</div>
					<ul class="nav navbar-nav navbar-right pull-right">
						<li class="dropdown top-menu-item-xs"> <a href="javascript:void(0)" class="right-bar-toggle profile waves-effect waves-light"><span class="user-name">Hoang.Thai</span> <span class="caret"></span> <img src="assets/images/users/avatar-1.jpg" alt="user-img" class="img-circle"> </a> </li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 顶部便签 End --> 
	
	<!-- 左侧便签 Start ========== -->
	<!--
	<div class="left side-menu">
		<div class="sidebar-inner slimscrollleft">
			<div id="sidebar-menu">
				<ul>
					<li class="menu-title">导航栏</li>
					<li class="has_sub">
						<a href="javascript:void(0);" class="waves-effect">
							<i class="fa fa-user"></i>
							<span> 个人信息 </span>
							<span class="fa fa-angle-right cb-nav-arrow"></span>
						</a>
						<ul class="list-unstyled">
							<li>
								<a href="ChangePassword.html">修改密码</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>-->
	<!-- 左侧便签 End --> 
	
	
	
	<div id="app" class="left side-menu">
		<el-row class="tac">
		  <el-col :span="12">
		    <h5>默认颜色</h5>
		    <el-menu
		      default-active="2"
		      class="el-menu-vertical-demo"
		      @open="handleOpen"
		      @close="handleClose"
		      unique-opened=true>
		      <el-submenu index="1">
		        <template slot="title">
		          <i class="el-icon-location"></i>
		          <span>导航一</span>
		        </template>
		        <el-menu-item-group>
		          <template slot="title">分组一</template>
		          <el-menu-item index="1-1">选项1</el-menu-item>
		          <el-menu-item index="1-2">选项2</el-menu-item>
		        </el-menu-item-group>
		        <el-menu-item-group title="分组2">
		          <el-menu-item index="1-3">选项3</el-menu-item>
		        </el-menu-item-group>
		        <el-submenu index="1-4">
		          <template slot="title">选项4</template>
		          <el-menu-item index="1-4-1">选项1</el-menu-item>
		        </el-submenu>
		      </el-submenu>
		      
		      <el-submenu index="2">
		        <template slot="title">
		          <i class="el-icon-location"></i>
		          <span>导航2</span>
		        </template>
		        <el-menu-item-group>
		          <template slot="title">分组一</template>
		          <el-menu-item index="1-1">选项1</el-menu-item>
		          <el-menu-item index="1-2">选项2</el-menu-item>
		        </el-menu-item-group>
		        <el-menu-item-group title="分组2">
		          <el-menu-item index="1-3">选项3</el-menu-item>
		        </el-menu-item-group>
		        <el-submenu index="1-4">
		          <template slot="title">选项4</template>
		          <el-menu-item index="1-4-1">选项1</el-menu-item>
		        </el-submenu>
		      </el-submenu>
		      
		    </el-menu>
		  </el-col>
		  
		</el-row>
	</div>
	
	
	
	<!-- Start right Content here --> 
	<!-- ============================================================== -->
	<div class="content-page">
		<div class="content">
			<div class="page-title-group">
				<h4 class="page-title">修改密码</h4>
			</div>
			<div class="cb-page-content" >
				<div class="container" >
					<div class="row">
						<div class="col-md-3">
						</div>
						<div class="col-md-6">
							<div class="card-box">
								<div class="card-box-content form-compoenent">
									<form>
										<div class="form-group">
											<label>新密码:</label>
											<input id="new_password1" type="new_password1" class="form-control" placeholder="Password">
										</div>
										<div class="form-group">
											<label>确认新密码:</label>
											<input id="new_password2" type="new_password2" class="form-control" placeholder="Password">
										</div>
										<div>
											<h5>密码长度8 - 32位,须包含数字、字母、符号至少2种或以上元素</h5>
										</div>
										<div class="form-group">
											<div class="col-sm-offset-4 col-sm-10">
												<button type="submit" class="btn btn-success btn-md">保存</button>
											</div>
										</div>
									</form>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- container --> 
	</div>
	<!-- content -->
	<!-- 底部footer -->
	<footer class="footer"> &copy; 2018. <span style="color:#F00">ShangJie</span></footer>
</div>

<!-- 刷新等待效果 --> 
<div class="page-loader">
	<a href="#"><img src="assets/images/logo-2.png" class="img-responsive center-block" alt=""/></a>
	<span class="text-uppercase">Loading...</span>
</div>
<!-- js文件 --> 
<script>
       var resizefunc = [];
</script>
<script src="assets/js/jquery.min.js"></script> 
<script src="assets/js/bootstrap.min.js"></script> 
<script src="assets/js/pace.min.js"></script> 
<script src="assets/js/loader.js"></script> 
<script src="assets/js/detect.js"></script> 
<script src="assets/js/fastclick.js"></script> 
<script src="assets/js/waves.js"></script> 
<script src="assets/js/wow.min.js"></script> 
<script src="assets/js/jquery.slimscroll.js"></script> 
<script src="assets/js/jquery.nicescroll.js"></script> 
<script src="assets/js/jquery.scrollTo.min.js"></script> 
<script src="assets/pages/jquery.todo.js"></script> 
<script src="assets/plugins/moment/moment.js"></script> 
<script src="assets/plugins/raphael/raphael-min.js"></script> 
<script src="assets/plugins/jquery-sparkline/jquery.sparkline.min.js"></script> 
<script src="assets/pages/jquery.charts-sparkline.js"></script> 
<script src="assets/js/jquery.app.js"></script> 
<script src="assets/js/jquery.circle-diagram.js"></script> 
<script src="assets/plugins/bs-datepicker/datepicker.js"></script> 
<script src="assets/js/main.js"></script> 
<script src="https://unpkg.com/vue/dist/vue.js"></script>
  <!-- import JavaScript -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script>
    new Vue({
      el: '#app',
      data: function() {
        return { visible: false }
      },
      methods: {
	      handleOpen: function(key, keyPath) {
	        console.log(key, keyPath);
	      },
	      handleClose: function(key, keyPath) {
	        console.log(key, keyPath);
	      }
	    }
    })
  </script>
</body>
</html>